/* base styles */
* {margin:0; padding:0; border:0; outline:0;}
html, body {min-height:100%;}
body {background: url(../images/ffon.png); min-height:100%;}
#wrapper {min-width:980px; max-width:1236px; width:100%; margin:auto; padding-top:20px; position:relative;}
#wrapper div {position:absolute;}
#wrapper div div {position:static;}
/* end */

/* sidebares styles */
.sidebar {
    width:195px;
}
.left_side {}
.right_side {
    right:0;
}
.sidebar .avatar {
    margin-bottom:10px;
	-webkit-border-radius:4px;
}
.sidebar .avatar img {
    border:1px solid #27272a;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    }
    
.sidebar .nav {
    margin-bottom:20px;
}

.sidebar .nav ul li {
    list-style:none;
    font:14px/29px Verdana;
}
.sidebar .nav ul li:first-child a {
    border-radius:5px 5px 0 0;
}
.sidebar .nav ul li:last-child a {
    border-radius:0 0 5px 5px;
}
.sidebar .nav ul li a {
    text-decoration: none;
    color:#29292c;
    display:block;
    background:url(../images/side_nav_bg.png);
    text-align: center;
    height:29px;
    border:1px solid #9f9e9e;
    border-bottom:0px;
}
.sidebar .nav ul li a:hover {
    background:url(../images/side_nav_bg_hover.png);
    text-shadow: 0px 1px 0.2px #4091b9;
    border:1px solid #3dbce7;
    border-bottom:0px;
}
.sidebar .nav ul li {
    border:0px;
}
.sidebar .nav ul li a:active {
    color:#c2f905;
    background:url(../images/side_nav_bg_active.png);
    border:1px solid #4b4b52;
    border-bottom:0px;
    text-shadow: 0px 1px 0.2px #333841;
}
.sidebar .nickname {
    text-decoration:underline !important;
    color:#2a9edd !important;
}
.sidebar .nickname:hover {
    color:#29292c !important;
}
.sidebar .nickname:active {
    color:#c2f905 !important;
}
/* end */

/* content styles */
.content {
    padding:60px 11px 0 11px;
    left:195px;
    right:195px;
}
.content .whatsnew {
    position:relative;
}
.content .whatsnew div {
    position:absolute !important;
}
.content .whatsnew div div {
    position: static !important;
}
.content .whatsnew_input {
    background:url(../images/whatsnew_bg.png);
    border:1px solid #2f2f32;
    right:77px;
    top:0;
    left:11px;
    height:38px;
    border-radius:5px 28px 28px 5px;
    -moz-border-radius:5px 28px 28px 5px;
    -webkit-border-radius:5px 28px 28px 5px;
}

.whatsnew_input_wrapper {
	padding:0 15px 0 10px;
}

.content .whatsnew_input input {
    font:14px Verdana;
    top:9px;
    display:block;
    width:100%;
    position:relative;
    background:url(../images/whatsnew_bg.png);
    color:#29292c
}

.content .whatsnew_bubbles {
    width:66px;
    height:60px;
    background:url(../images/bubbles.png);
    right:11px;
    top:0px;
}

/* box styles */
.box {
    margin-bottom:20px;
}

.box .box_head {
    color:#70a11b;
    text-shadow:0px 1px 0px #ffffff;
    height:28px;
    background:url(../images/box_head.png);
    font:14px/27px Verdana;
    padding-left:12px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.box .box_content {
    background:#f2f2f8;
    min-height: 10px;
    overflow:hidden;
}

.box .box_readmore {
    background:url(../images/box_readmore.png);
    height:20px;
    text-align: center;
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    cursor: pointer;
}
.box .box_readmore.open {
    background:url(../images/box_readmore_hover.png);
}

.box .box_readmore .box_readmore_title {
    background:url(../images/box_readmore_arrow.png) 100% 5px no-repeat;
    padding-right:18px;
    color:#72706e;
    text-shadow:0px 1px 0px #ffffff;
    font:12px/20px Verdana;
    text-transform: uppercase;
}

.box .box_readmore.open .box_readmore_title {
    background:url(../images/box_readmore_arrow_up.png) 100% 5px no-repeat;
    color:#fff;
    text-shadow:0px 1px 0px #72706e;
}

.info_box {
    padding:0 13px;
}
.info_box ul {
    display:block;
}
.info_box li {
    list-style: none;
    color:#505055;
    display:block;
    height:24px;
    margin-bottom:7px;
}

.info_box li .left {
    background:url(../images/info_dot.png) 0px 16px repeat-x;
    width:200px;
    float:left;
    font:italic normal 16px/24px Georgia;
}

.info_box li .left span {
    background:#F2F2F8;
    padding-right:4px;
}

.info_box li .right {
    font:14px/24px Verdana;
    padding-left:203px;
}

.image_box {
    padding:20px 0px 0px 22px;
}
.image_box ul {display:block; clear:both;}

.image_box li {
    list-style: none;
    float:left;
    margin-bottom:22px;
}

.gallery_box li {
    width:111px;
}

.gallery_box li img {
    border:3px solid #d4cfc5;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    opacity:0.75;
    box-shadow:0 3px 5px #747577;
}

.gallery_box li img:hover {
    opacity:1;
}

.friend_box li {
    width:110px;
}

.friend_box li img {
    border:1px solid #29292c;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* end */

/* comment box styles */

.comment_box .comment_title {
    color:#e4e4e5;
    text-shadow:0px 1px 0px #000;
    font:18px Verdana;
}

.comment_box ul {
    margin-top:10px;
}

.comment_box ul li {
    list-style:none;
}

.comment_box ul li .left {
    float:left;
}

.comment_box ul li .left img {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #27272a;
}

.comment_box ul li .right {
    padding-left:132px;
    position:relative !important
}

.comment_box ul li .right .comment_cloud {
    box-shadow:0 0 10px #37393c
}

.comment_box ul li .right .comment_cloud_head {
    background:url(../images/comment_box_head.png);
    height:28px;
    padding:0 20px;
    border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    font:14px/28px Verdana;
    color:#505055
}

.comment_box ul li .right .comment_cloud_head .comment_head_nickname {
    float:left;
}

.comment_box ul li .right .comment_cloud_head .comment_head_date {
    float:right;
}

.comment_box ul li .right .comment_text {
    background:#e4e4e5;
    padding:3px 20px 13px 20px;
    font:14px/24px Verdana;
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    color:#505055;
}

.comment_box ul li .right .comment_cloud_triangle {
    display:block;
    position:absolute;
    width:19px;
    height:25px;
    background:url(../images/cloud_triangle.png);
    top:28px;
    left:113px;
}

/* end */

/* sidebar box styles */
.sidebar .box {
	box-shadow:0 0 7px #3a3b3e	
}

.sidebar .box .box_content {
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
}

.sidebar .box .box_content li {
    list-style:none;
}
.maybe_ts_ur_frnds .box_content {
    padding:10px 19px;
}

.maybe_ts_ur_frnds .box_content li {
    float:left;
}

.maybe_ts_ur_frnds .box_content li img {
    border:1px solid #27272a;
}

.maybe_ts_ur_frnds .box_content li img:hover {
    border:1px solid #42c2e9;
}

.maybe_ts_ur_frnds .box_content li:hover img {
    border:1px solid #42c2e9;
}

.maybe_ts_ur_frnds .box_content li a:hover img {
    border:1px solid #42c2e9;
}

.maybe_ts_ur_frnds .box_content li.odd {
    margin-right:55px;
}

.actual .box_content {
    padding:10px 8px;
    font:14px Verdana;
}

.actual .box_content img {
    display:block;
    border:1px solid #313134;
    margin:0 auto 10px auto;
}

.actual .box_content a:link, .actual .box_content a:visited {
    color:#29292c;
}

.actual .box_content a:hover {
    color:#42c2e9;
}
.actual .box_content li {
    padding-bottom:10px;
}

.actual button {
    background:url(../images/button_bg.png);
    width:133px;
    height:29px;
    border:1px solid #9f9e9e;
    display:block;
    margin:auto;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font:14px Verdana;
    color:#72706e;
	cursor:pointer;
}

.actual button span {
    display:block;
    padding-left:28px;
    background:url(../images/new_comment.png) 10px 3px no-repeat;
}

/* end */

/* Message window */

/* end */

/* Photo lightbox */

.photo-lightbox {
	min-height:80%;
	width:810px;
	background:#fff;
	position:absolute;
	top:10%;
	z-index:1000;
}

/* end */